<!--
 * @Author: 九阳
 * @Date: 2022-05-05 09:48:17
 * @LastEditors: 九阳
 * @LastEditTime: 2022-07-20 09:37:35
-->
<template>
  <div
    style="
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
    "
  >
    <div class="content" style=""></div>
  </div>
</template>

<script>
export default {
  name: "index",
  data() {
    return {};
  },
  methods: {},
};
</script>

<style scoped>
.content {
  width: 718px;
  height: 634px;
  background: url("~@/assets/images/bird.png") no-repeat;
  animation: 0.3s go steps(2) infinite;
}
@keyframes go {
  0% {
    background-position-x: 0px;
  }
  100% {
    background-position-x: -1436px;
  }
}
</style>
